<template>
	<div class="address">
		<router-link to='map' append>
			<div class="wrap">
				<div class="leftContent">
					<div class="left_top">
						<span>上海</span>
						<span>酒店地址</span>
					</div>
					<div class="left_bottom">
						<span class="iconfont">&#xe639;</span>
						<span>秀浦路3188弄1号楼</span>
					</div>
				</div>
				<div class="rightContent">
					<span>地图</span>
					<span class="iconfont">&#xe638;</span>
				</div>
			</div>
		</router-link>
	</div>
	
</template>
<script>
export default {
  name: 'detailMap',
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.address
	width:100%
	border-bottom:8px solid #edf0f5
	.wrap
		width:90%
		margin:0.2rem auto
		display:flex
		position:relative
		.leftContent
			width:80%
			.left_top
				margin:0.2rem 0
				span:nth-child(2)
					border:1px solid #ccc
					padding:0.05rem
		.rightContent
			width:20%
			text-align:right
			position:absolute
			right:0
			top:50%
			transform: translateY(-50%)
</style>
